<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Organizing interactive features on a dashboard</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
img_whs2 { border:none; border-style:none; width:809px; height:580px; float:none; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nDesigning dynamic enterprise dashboards\nCreating a dashboard document\nOrganizing interactive features on a dashboard");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Organizing interactive features on a dashboard</h1>
<p>The result of a user&rsquo;s interactive selections can impact multiple 
 objects simultaneously. To make this easier to design, you can use a panel 
 stack, which is a collection of panels. Each panel can contain groups 
 of objects. Panels help you display only those groups of data that should 
 be seen in unison.</p>
<p>Additional features let the user navigate between panels, and quickly 
 change the display of data within a panel. Each is described below.</p>
<ul type="disc" class="whs1">
	
<li class=p><p>
<a HREF="Panels_and_panel_stacks.htm">Layering data 
 in dashboards: Panels and panel stacks</a>: An analyst can flip from panel 
 to panel within a dashboard&rsquo;s panel stack, displaying exactly the 
 set of information he wants to see grouped together on the screen.</p></li>
	
<li class=p><p>
<a HREF="Selectors.htm">Providing interactivity to users: 
 Selectors</a>: Selectors provide dashboards with interactivity, allowing 
 each user to change how he sees the data.</p></li>
	
<li class=p><p>Adding title bars to identify objects: A title bar is 
 simply an area across the top of a panel stack or Grid/Graph. You can 
 choose whether to display the title bar for each panel stack and Grid/Graph. 
 When it is displayed, the title bar contains a title and several buttons. 
 The buttons allow a user, in MicroStrategy Web, to minimize and maximize 
 the Grid/Graph. For instructions, see 
<a HREF="Add_title_bars_to_GG.htm">Adding 
 title bars to Grid/Graphs </a>&nbsp;and<span style="font-weight: bold; color: #ff0000;"> 
 <font color=red ><B></B></font></span>
<a HREF="Display_title_bars_in_panels.htm">Displaying title bars 
 in panel stacks</a>.</p></li>
	
<li class=p><p>
<a HREF="Quick_Switch_for_GG.htm">Quick Switch</a><span 
 style="font-weight: bold; color: #ff0000;"> <font color=red ><B></B></font></span>is a button that allows 
 an analyst to quickly change a Grid/Graph from Graph view to Grid view 
 and back, with a single click. Users with access to Desktop are able to 
 activate the Quick Switch and make it available in MicroStrategy Web. 
 </p></li>
	
<li class=p><p>
<a HREF="Widgets.htm">Providing Flash-based analysis 
 and interactivity: Widgets</a>: A widget is a type of MicroStrategy Report 
 Services control that presents data in a visual and interactive way. You 
 can think of widgets as interactive Flash-only graphs that dynamically 
 update when you select a new set of data to view. You can even interact 
 with some types of widgets to manually select a set of data to analyze.</p></li>
</ul>
<p>The following image provides an example of a dashboard document and 
 several of the features mentioned above.</p>
<p><img src="images/dashboardexample.gif" x-maintain-ratio="TRUE" width="809px" height="580px" border="0" class="img_whs2"></p>
<p>Notice the following in the dashboard above:</p>
<ul type="disc" class="whs1">
	
<li class=p><p>A Button style <span style="font-weight: bold;"><B>selector</B></span> 
 is used at the top right of the dashboard. This selector allows a user 
 to choose to view either a Corporate, Regional, or Detail Data view. Each 
 of these separate sections of the dashboard is actually a separate <span 
 style="font-weight: bold;"><B>panel</B></span> within a <span style="font-weight: bold;"><B>panel 
 stack</B></span> in the document. For example, within one panel stack, there 
 is a panel for Corporate, a panel for Regional, and another panel for 
 Detail Data. In the image above, the Corporate panel is displayed, but 
 the other two are hidden. This is the main use of panels and panel stacks, 
 as explained in Inserting and defining panels.</p></li>
	
<li class=p><p>A Radio Button style <span style="font-weight: bold;"><B>selector</B></span> 
 is used at the top left of the dashboard. This selector allows a user 
 to choose either Overall Performance or KPI List data. </p></li>
	
<li class=p><p>A Slider style <span style="font-weight: bold;"><B>selector</B></span> 
 is used in&nbsp;the graph at the top right of the dashboard. The Slider 
 selector allows a user to browse data along the X axes, from left to right.</p></li>
	
<li class=p><p>A Button style <span style="font-weight: bold;"><B>selector</B></span> 
 is used at the bottom right of the dashboard. A user can click a button 
 to view that specific data on the grid report.</p></li>
</ul>
<h3>Related topics</h3>
<ul type="disc" class="whs1">
	
<li class=p><p>
<a HREF="Best_practices_for_dashboards.htm">Best practices: 
 Designing effective dashboards</a></p></li>
	
<li class=p><p>
<a HREF="Design_right_dashboard.htm">Designing the right 
 dashboard</a></p></li>
	
<li class=p><p>
<a HREF="Creating_dashboard_using_template.htm">Creating 
 a dashboard document: the Blank Dashboard</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
